<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page contentType="text/html;charset=utf-8" language="java"%>
<%
	String baseP = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ "/";
%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>日期选择</title>
<style type="text/css">
body {
	font-size: 100%;
}

p {
	font-size: 1.1em;
}
</style>
<link rel="stylesheet"
	href="<c:url value='/static/common/css/mobiscroll.android-ics-2.5.2.css'/>" />

<link rel="stylesheet"
	href="<c:url value='/static/common/css/mobiscroll.core-2.5.2.css'/>" />
<script type="text/javascript"
	src="<c:url value='/static/common/js/jquery-1.11.0.min.js'/>"></script>

<script type="text/javascript"
	src="<c:url value='/static/common/js/mobiscroll.core-2.5.2.js'/>"></script>

<script type="text/javascript"
	src="<c:url value='/static/common/js/mobiscroll.datetime-2.5.1.js'/>"></script>

<script type="text/javascript"
	src="<c:url value='/static/common/js/mobiscroll.select-2.5.1.js'/>"></script>



<script type="text/javascript">
	$(function() {
		$('#date_picker').val('').scroller('destroy').scroller({
			preset : "date",
			theme : "android-ics light",
			mode : "mixed",
			display : "modal",
			dateFormat : 'yyyy-mm-dd',
			dateOrder : 'yymmdd',
			rows : 5,
			width : 70,
			height : 36,
			showLabel : true,
			useShortLabels : true,
			yearText : '年',
			monthText : '月',
			dayText : '日',
			setText : '确定',
			cancelText : '取消'
		});
		//层级列表
		$("#cbo_province").val("").scroller('destroy').scroller({
			preset : "select",
			theme : "android-ics light",
			mode : "scroller",
			display : "modal",
			group : true,
			rows : 5,
			width : 80,
			setText : '确定',
			cancelText : '取消',
			showLabel : false,
			useShortLabels : true
		});
		//列表选择
		$("#cbo_price").val("").scroller('destroy').scroller({
			preset : "select",
			theme : "android-ics light",
			mode : "scroller",
			display : "modal",
			group : true,
			width : 180,
			rows : 5,
			setText : '确定',
			cancelText : '取消'
		});
	});
	
	function subStr(str){
		if(!str)
			return;
		
		if(str.length<=4)
			return str;
		
		return str.substr(0,3)+"..";
	}
</script>
</head>
<body>
	<div>

		<p>
			<label for="date_picker">日期选择：</label> <input type="text"
				name="test_default" id="date_picker" />
		</p>

		<p>
			<label for="cbo_province">层级选择：</label> <select id="cbo_province">
				<optgroup label="北京">
					<option value="0">大庆</option>
					<option value="1">东城</option>
					<option value="2">海淀</option>
					<option value="3">房山</option>
				</optgroup>
				<optgroup label="江苏">
					<option value="4">苏州</option>
					<option value="5">南京</option>
					<option value="6">常州</option>
					<option value="7">无锡</option>
					<option value="8">徐州</option>
				</optgroup>
				<optgroup label="湖北">
					<option value="4">武汉</option>
					<option value="5">黄冈</option>
					<option value="8">宜昌</option>
					<option value="7">黄石</option>
					<option value="6">荆州</option>
				</optgroup>
			</select>
		</p>
		<p>
			<label for="cbo_price">列表选择：</label> <select id="cbo_price"
				class="demo-test-select-opt" data-role="none">
				<option value="0">Adaline Shiver</option>
				<option value="1">Adella Cornell</option>
				<option value="78">Barbara Mackay</option>
				<option value="79">Barbera Phu</option>
			</select>
		</p>
		jQuery1110045344945205892384_1408949074905({"data":{"bjlx":"承诺件","bldd":"行政许可服务中心","blsj":"周一至周六
		早9：00~晚17：00","bsxz":"安全技术防范产品生产批准登记初审 许可主体：苏州市公安局 设定依据：国家质量技术监督局
		公安部令第12号《安全技术防范产品管理办法》
		服务内容：批准企业生产防抢劫、防盗窃、防爆炸等防止国家、集体、个人财产以及人身安全受到侵害的并列入《安全技术防范产品目录》的专用产品的初审。
		申报材料： 1.生产登记申请书； 2.营业执照； 3.符合法定要求的产品标准； 4.法定检验机构出具的产品检验报告或者鉴定证明。
		办事程序：受理、初审、送达（上报）。 收费标准：不收费 承诺时限：7个工作日（决定报送或不报送）
		法定时限：20个工作日","ckdh":"0512-65225661转20881","cnqx":"7个工作日","fdqx":"20个工作日","lct":"http://www.gaj2.suzhou.gov.cn/wsbsdt/Aspx/WorkProcess/CaseImage.aspx?bm=238d3583-1c7c-46f6-b76c-d8c47abffd1b&CaseGuid=90420a05-755c-4919-9c18-bca2324d0585","spzt":"苏州市公安局","sqcl":"1、生产登记申请书；\u00A0<br>2、营业执照；\u00A0<br>3、符合法定要求的产品标准；\u00A0<br>4、法定检验机构出具的产品检验报告或者鉴定证明。\u00A0","sxxz":"审批","title":"安全技术防范产品生产批准登记初审","xkyj":"国家质量技术监督局
		公安部令第12号《安全技术防范产品管理办法》"},"statusCode":200,"succ":true,"time":1408949148069})
	</div>
</body>
</html>